﻿<!DOCTYPE html>
<html>
  <head>
    <title>2.2 闹钟天气</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/2_2_闹钟天气/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/2_2_闹钟天气/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (矩形) -->
      <div id="u572" class="ax_default _一级标题">
        <div id="u572_div" class=""></div>
        <div id="u572_text" class="text ">
          <p><span>天气</span></p>
        </div>
      </div>

      <!-- Unnamed (设置页) -->

      <!-- Unnamed (组合) -->
      <div id="u574" class="ax_default" data-left="25" data-top="16" data-width="377" data-height="667">

        <!-- Rectangle (矩形) -->
        <div id="u575" class="ax_default _形状" data-label="Rectangle">
          <div id="u575_div" class=""></div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u576" class="ax_default" data-left="25" data-top="16" data-width="376" data-height="40">

          <!-- Unnamed (矩形) -->
          <div id="u577" class="ax_default _形状">
            <div id="u577_div" class=""></div>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u578" class="ax_default" data-left="32" data-top="31" data-width="46" data-height="8">

            <!-- Unnamed (矩形) -->
            <div id="u579" class="ax_default _形状">
              <img id="u579_img" class="img " src="images/1_1_闹钟设定/u188.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u580" class="ax_default _形状">
              <img id="u580_img" class="img " src="images/1_1_闹钟设定/u188.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u581" class="ax_default _形状">
              <img id="u581_img" class="img " src="images/1_1_闹钟设定/u188.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u582" class="ax_default _形状">
              <img id="u582_img" class="img " src="images/1_1_闹钟设定/u188.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u583" class="ax_default _形状">
              <img id="u583_img" class="img " src="images/1_1_闹钟设定/u188.png"/>
            </div>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u584" class="ax_default" data-left="363" data-top="28" data-width="31" data-height="17">

            <!-- Unnamed (矩形) -->
            <div id="u585" class="ax_default _形状">
              <div id="u585_div" class=""></div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u586" class="ax_default _形状">
              <div id="u586_div" class=""></div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u587" class="ax_default _形状">
              <div id="u587_div" class=""></div>
            </div>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u588" class="ax_default _文本段落" data-label="Header 2">
          <div id="u588_div" class=""></div>
          <div id="u588_text" class="text ">
            <p><span>MUX</span></p>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u589" class="ax_default _文本段落" data-label="Header 2">
          <div id="u589_div" class=""></div>
          <div id="u589_text" class="text ">
            <p><span>10:30 PM</span></p>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u590" class="ax_default _文本段落" data-label="Header 2">
          <div id="u590_div" class=""></div>
          <div id="u590_text" class="text ">
            <p><span>100%</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u591" class="ax_default" data-left="25" data-top="618" data-width="376" data-height="57">

        <!-- Rectangle (矩形) -->
        <div id="u592" class="ax_default _形状" data-label="Rectangle">
          <img id="u592_img" class="img " src="images/2_1_天气查询/rectangle_u521.png"/>
          <div id="u592_text" class="text ">
            <p><span>闹钟</span></p>
          </div>
        </div>

        <!-- Rectangle (矩形) -->
        <div id="u593" class="ax_default _形状" data-label="Rectangle">
          <img id="u593_img" class="img " src="images/2_1_天气查询/rectangle_u522.png"/>
          <div id="u593_text" class="text ">
            <p><span>天气</span></p>
          </div>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u594" class="ax_default line">
          <img id="u594_img" class="img " src="images/2_1_天气查询/u523.png"/>
        </div>
      </div>

      <!-- Unnamed (占位符) -->
      <div id="u595" class="ax_default placeholder">
        <img id="u595_img" class="img " src="images/2_1_天气查询/u553.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u596" class="ax_default label">
        <div id="u596_div" class=""></div>
        <div id="u596_text" class="text ">
          <p><span>天气查询</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u597" class="ax_default label">
        <div id="u597_div" class=""></div>
        <div id="u597_text" class="text ">
          <p><span>30度&nbsp; </span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u598" class="ax_default label">
        <div id="u598_div" class=""></div>
        <div id="u598_text" class="text ">
          <p><span>晴天</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u599" class="ax_default _一级标题">
        <div id="u599_div" class=""></div>
        <div id="u599_text" class="text ">
          <p><span>闹钟天气</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u600" class="ax_default line">
        <img id="u600_img" class="img " src="images/1_1_闹钟设定/u202.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u601" class="ax_default label">
        <div id="u601_div" class=""></div>
        <div id="u601_text" class="text ">
          <p><span>语音天气</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u602" class="ax_default label">
        <div id="u602_div" class=""></div>
        <div id="u602_text" class="text ">
          <p><span>屏幕显示当前天气</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u603" class="ax_default line">
        <img id="u603_img" class="img " src="images/1_1_闹钟设定/u202.png"/>
      </div>

      <!-- Unnamed (设置页) -->

      <!-- Unnamed (组合) -->
      <div id="u605" class="ax_default" data-left="25" data-top="16" data-width="377" data-height="667">

        <!-- Rectangle (矩形) -->
        <div id="u606" class="ax_default _形状" data-label="Rectangle">
          <div id="u606_div" class=""></div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u607" class="ax_default" data-left="25" data-top="16" data-width="376" data-height="40">

          <!-- Unnamed (矩形) -->
          <div id="u608" class="ax_default _形状">
            <div id="u608_div" class=""></div>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u609" class="ax_default" data-left="32" data-top="31" data-width="46" data-height="8">

            <!-- Unnamed (矩形) -->
            <div id="u610" class="ax_default _形状">
              <img id="u610_img" class="img " src="images/1_1_闹钟设定/u188.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u611" class="ax_default _形状">
              <img id="u611_img" class="img " src="images/1_1_闹钟设定/u188.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u612" class="ax_default _形状">
              <img id="u612_img" class="img " src="images/1_1_闹钟设定/u188.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u613" class="ax_default _形状">
              <img id="u613_img" class="img " src="images/1_1_闹钟设定/u188.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u614" class="ax_default _形状">
              <img id="u614_img" class="img " src="images/1_1_闹钟设定/u188.png"/>
            </div>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u615" class="ax_default" data-left="363" data-top="28" data-width="31" data-height="17">

            <!-- Unnamed (矩形) -->
            <div id="u616" class="ax_default _形状">
              <div id="u616_div" class=""></div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u617" class="ax_default _形状">
              <div id="u617_div" class=""></div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u618" class="ax_default _形状">
              <div id="u618_div" class=""></div>
            </div>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u619" class="ax_default _文本段落" data-label="Header 2">
          <div id="u619_div" class=""></div>
          <div id="u619_text" class="text ">
            <p><span>MUX</span></p>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u620" class="ax_default _文本段落" data-label="Header 2">
          <div id="u620_div" class=""></div>
          <div id="u620_text" class="text ">
            <p><span>10:30 PM</span></p>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u621" class="ax_default _文本段落" data-label="Header 2">
          <div id="u621_div" class=""></div>
          <div id="u621_text" class="text ">
            <p><span>100%</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u622" class="ax_default" data-left="25" data-top="618" data-width="376" data-height="57">

        <!-- Rectangle (矩形) -->
        <div id="u623" class="ax_default _形状" data-label="Rectangle">
          <img id="u623_img" class="img " src="images/2_1_天气查询/rectangle_u521.png"/>
          <div id="u623_text" class="text ">
            <p><span>闹钟</span></p>
          </div>
        </div>

        <!-- Rectangle (矩形) -->
        <div id="u624" class="ax_default _形状" data-label="Rectangle">
          <img id="u624_img" class="img " src="images/2_1_天气查询/rectangle_u522.png"/>
          <div id="u624_text" class="text ">
            <p><span>天气</span></p>
          </div>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u625" class="ax_default line">
          <img id="u625_img" class="img " src="images/2_1_天气查询/u523.png"/>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u626" class="ax_default line">
        <img id="u626_img" class="img " src="images/1_1_闹钟设定/u202.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u627" class="ax_default label">
        <div id="u627_div" class=""></div>
        <div id="u627_text" class="text ">
          <p><span>语音播报天气</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u628" class="ax_default box_3">
        <div id="u628_div" class=""></div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u629" class="ax_default ellipse">
        <img id="u629_img" class="img " src="images/1_1_闹钟设定/u207.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u630" class="ax_default label">
        <div id="u630_div" class=""></div>
        <div id="u630_text" class="text ">
          <p><span>语音天气</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u631" class="ax_default icon">
        <img id="u631_img" class="img " src="images/2_1_天气查询/u528.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u632" class="ax_default line">
        <img id="u632_img" class="img " src="images/1_1_闹钟设定/u202.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u633" class="ax_default label">
        <div id="u633_div" class=""></div>
        <div id="u633_text" class="text ">
          <p><span>天气模拟声音</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u634" class="ax_default label">
        <div id="u634_div" class=""></div>
        <div id="u634_text" class="text ">
          <p><span>当闹钟关闭后，将会语音播报当前天气</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u635" class="ax_default label">
        <div id="u635_div" class=""></div>
        <div id="u635_text" class="text ">
          <p><span>当闹钟关闭后，将会进行天气声音模拟</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u636" class="ax_default label">
        <div id="u636_div" class=""></div>
        <div id="u636_text" class="text ">
          <p><span>晴天</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u637" class="ax_default line">
        <img id="u637_img" class="img " src="images/2_2_闹钟天气/u637.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u638" class="ax_default label">
        <div id="u638_div" class=""></div>
        <div id="u638_text" class="text ">
          <p><span>多云</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u639" class="ax_default line">
        <img id="u639_img" class="img " src="images/2_2_闹钟天气/u637.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u640" class="ax_default label">
        <div id="u640_div" class=""></div>
        <div id="u640_text" class="text ">
          <p><span>阴天</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u641" class="ax_default line">
        <img id="u641_img" class="img " src="images/2_2_闹钟天气/u637.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u642" class="ax_default label">
        <div id="u642_div" class=""></div>
        <div id="u642_text" class="text ">
          <p><span>雨天</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u643" class="ax_default line">
        <img id="u643_img" class="img " src="images/2_2_闹钟天气/u637.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u644" class="ax_default label">
        <div id="u644_div" class=""></div>
        <div id="u644_text" class="text ">
          <p><span>雷阵雨</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u645" class="ax_default line">
        <img id="u645_img" class="img " src="images/2_2_闹钟天气/u637.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u646" class="ax_default label">
        <div id="u646_div" class=""></div>
        <div id="u646_text" class="text ">
          <p><span>大风</span></p>
        </div>
      </div>

      <!-- Unnamed (设置页) -->

      <!-- Unnamed (组合) -->
      <div id="u648" class="ax_default" data-left="25" data-top="16" data-width="377" data-height="667">

        <!-- Rectangle (矩形) -->
        <div id="u649" class="ax_default _形状" data-label="Rectangle">
          <div id="u649_div" class=""></div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u650" class="ax_default" data-left="25" data-top="16" data-width="376" data-height="40">

          <!-- Unnamed (矩形) -->
          <div id="u651" class="ax_default _形状">
            <div id="u651_div" class=""></div>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u652" class="ax_default" data-left="32" data-top="31" data-width="46" data-height="8">

            <!-- Unnamed (矩形) -->
            <div id="u653" class="ax_default _形状">
              <img id="u653_img" class="img " src="images/1_1_闹钟设定/u188.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u654" class="ax_default _形状">
              <img id="u654_img" class="img " src="images/1_1_闹钟设定/u188.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u655" class="ax_default _形状">
              <img id="u655_img" class="img " src="images/1_1_闹钟设定/u188.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u656" class="ax_default _形状">
              <img id="u656_img" class="img " src="images/1_1_闹钟设定/u188.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u657" class="ax_default _形状">
              <img id="u657_img" class="img " src="images/1_1_闹钟设定/u188.png"/>
            </div>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u658" class="ax_default" data-left="363" data-top="28" data-width="31" data-height="17">

            <!-- Unnamed (矩形) -->
            <div id="u659" class="ax_default _形状">
              <div id="u659_div" class=""></div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u660" class="ax_default _形状">
              <div id="u660_div" class=""></div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u661" class="ax_default _形状">
              <div id="u661_div" class=""></div>
            </div>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u662" class="ax_default _文本段落" data-label="Header 2">
          <div id="u662_div" class=""></div>
          <div id="u662_text" class="text ">
            <p><span>MUX</span></p>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u663" class="ax_default _文本段落" data-label="Header 2">
          <div id="u663_div" class=""></div>
          <div id="u663_text" class="text ">
            <p><span>10:30 PM</span></p>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u664" class="ax_default _文本段落" data-label="Header 2">
          <div id="u664_div" class=""></div>
          <div id="u664_text" class="text ">
            <p><span>100%</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u665" class="ax_default" data-left="25" data-top="618" data-width="376" data-height="57">

        <!-- Rectangle (矩形) -->
        <div id="u666" class="ax_default _形状" data-label="Rectangle">
          <img id="u666_img" class="img " src="images/2_1_天气查询/rectangle_u521.png"/>
          <div id="u666_text" class="text ">
            <p><span>闹钟</span></p>
          </div>
        </div>

        <!-- Rectangle (矩形) -->
        <div id="u667" class="ax_default _形状" data-label="Rectangle">
          <img id="u667_img" class="img " src="images/2_1_天气查询/rectangle_u522.png"/>
          <div id="u667_text" class="text ">
            <p><span>天气</span></p>
          </div>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u668" class="ax_default line">
          <img id="u668_img" class="img " src="images/2_1_天气查询/u523.png"/>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u669" class="ax_default line">
        <img id="u669_img" class="img " src="images/1_1_闹钟设定/u202.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u670" class="ax_default label">
        <div id="u670_div" class=""></div>
        <div id="u670_text" class="text ">
          <p><span>语音播报天气</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u671" class="ax_default box_3">
        <div id="u671_div" class=""></div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u672" class="ax_default ellipse">
        <img id="u672_img" class="img " src="images/1_1_闹钟设定/u207.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u673" class="ax_default label">
        <div id="u673_div" class=""></div>
        <div id="u673_text" class="text ">
          <p><span>语音天气</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u674" class="ax_default icon">
        <img id="u674_img" class="img " src="images/2_1_天气查询/u528.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u675" class="ax_default line">
        <img id="u675_img" class="img " src="images/1_1_闹钟设定/u202.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u676" class="ax_default label">
        <div id="u676_div" class=""></div>
        <div id="u676_text" class="text ">
          <p><span>天气模拟声音</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u677" class="ax_default label">
        <div id="u677_div" class=""></div>
        <div id="u677_text" class="text ">
          <p><span>当闹钟关闭后，将会语音播报当前天气</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u678" class="ax_default label">
        <div id="u678_div" class=""></div>
        <div id="u678_text" class="text ">
          <p><span>当闹钟关闭后，将会进行天气声音模拟</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u679" class="ax_default label">
        <div id="u679_div" class=""></div>
        <div id="u679_text" class="text ">
          <p><span>晴天</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u680" class="ax_default line">
        <img id="u680_img" class="img " src="images/2_2_闹钟天气/u637.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u681" class="ax_default label">
        <div id="u681_div" class=""></div>
        <div id="u681_text" class="text ">
          <p><span>多云</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u682" class="ax_default line">
        <img id="u682_img" class="img " src="images/2_2_闹钟天气/u637.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u683" class="ax_default label">
        <div id="u683_div" class=""></div>
        <div id="u683_text" class="text ">
          <p><span>阴天</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u684" class="ax_default line">
        <img id="u684_img" class="img " src="images/2_2_闹钟天气/u637.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u685" class="ax_default label">
        <div id="u685_div" class=""></div>
        <div id="u685_text" class="text ">
          <p><span>雨天</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u686" class="ax_default line">
        <img id="u686_img" class="img " src="images/2_2_闹钟天气/u637.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u687" class="ax_default label">
        <div id="u687_div" class=""></div>
        <div id="u687_text" class="text ">
          <p><span>雷阵雨</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u688" class="ax_default line">
        <img id="u688_img" class="img " src="images/2_2_闹钟天气/u637.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u689" class="ax_default label">
        <div id="u689_div" class=""></div>
        <div id="u689_text" class="text ">
          <p><span>大风</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u690" class="ax_default box_1">
        <img id="u690_img" class="img " src="images/2_2_闹钟天气/u690.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u691" class="ax_default label">
        <div id="u691_div" class=""></div>
        <div id="u691_text" class="text ">
          <p><span>声音时长</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u692" class="ax_default label">
        <div id="u692_div" class=""></div>
        <div id="u692_text" class="text ">
          <p><span>5秒（默认）</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u693" class="ax_default ellipse">
        <img id="u693_img" class="img " src="images/2_2_闹钟天气/u693.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u694" class="ax_default label">
        <div id="u694_div" class=""></div>
        <div id="u694_text" class="text ">
          <p><span>10秒</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u695" class="ax_default ellipse">
        <img id="u695_img" class="img " src="images/2_2_闹钟天气/u695.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u696" class="ax_default line">
        <img id="u696_img" class="img " src="images/2_2_闹钟天气/u696.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u697" class="ax_default line">
        <img id="u697_img" class="img " src="images/2_2_闹钟天气/u696.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u698" class="ax_default label">
        <div id="u698_div" class=""></div>
        <div id="u698_text" class="text ">
          <p><span>30秒</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u699" class="ax_default ellipse">
        <img id="u699_img" class="img " src="images/2_2_闹钟天气/u695.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u700" class="ax_default label">
        <div id="u700_div" class=""></div>
        <div id="u700_text" class="text ">
          <p><span>取消</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u701" class="ax_default label">
        <div id="u701_div" class=""></div>
        <div id="u701_text" class="text ">
          <p><span>天气</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u702" class="ax_default label">
        <div id="u702_div" class=""></div>
        <div id="u702_text" class="text ">
          <p><span>请在设置中允许本APP使用您的地理位置，闹钟天气功能才可使用</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u703" class="ax_default box_3">
        <div id="u703_div" class=""></div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u704" class="ax_default ellipse">
        <img id="u704_img" class="img " src="images/1_1_闹钟设定/u207.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u705" class="ax_default _一级标题">
        <div id="u705_div" class=""></div>
        <div id="u705_text" class="text ">
          <p><span>闹钟天气</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u706" class="ax_default box_1">
        <img id="u706_img" class="img " src="images/2_2_闹钟天气/u706.png"/>
        <div id="u706_text" class="text ">
          <p><span>1.默认屏幕显示当前天气功能和天气模拟声音功能开启</span></p><p><span><br></span></p><p><span>2.在【1.2 闹钟响起】页面，用户进行停止闹钟动作后提醒天气方式：</span></p><p><span>a.根据当前天气情况进行语音播报天气预报</span></p><p><span>b.响起对应天气的模拟声音，默认响起5秒:</span></p><p><span>&nbsp;&nbsp; 晴天——鸟叫</span></p><p><span>&nbsp;&nbsp; 多云——雷声</span></p><p><span>&nbsp;&nbsp; 阴天——雷声</span></p><p><span>&nbsp;&nbsp; 雨天——雨声</span></p><p><span>&nbsp;&nbsp; 雷阵雨——雨声＋雷声</span></p><p><span>&nbsp;&nbsp; 大风——风声</span></p><p><span><br></span></p><p><span>3.文字提示：请在设置中允许本APP使用您的地理位置，闹钟天气功能才可使用</span></p><p><span><br></span></p><p><span>本APP首次安装并开启时，需弹出dialog获取地理位置授权：</span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span>4.可点击对应区域试听不同天气的模拟音效；选中区域显示为下图；再次点击同一区域停止试听</span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span>5.关闭天气模拟声音功能则无天气模拟音效试听模块</span></p><p><span><br></span></p><p><span>6.点击天气模拟声音栏，用户可设置声音时长</span></p><p><span><br></span></p><p><span>7.【语音天气】页面点击“&nbsp; &nbsp; &nbsp;&nbsp; ”跳转至【天气】页面</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u707" class="ax_default box_3">
        <div id="u707_div" class=""></div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u708" class="ax_default ellipse">
        <img id="u708_img" class="img " src="images/1_1_闹钟设定/u207.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u709" class="ax_default box_3">
        <div id="u709_div" class=""></div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u710" class="ax_default ellipse">
        <img id="u710_img" class="img " src="images/1_1_闹钟设定/u207.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u711" class="ax_default label">
        <div id="u711_div" class=""></div>
        <div id="u711_text" class="text ">
          <p><span>闹钟天气</span></p>
        </div>
      </div>

      <!-- Unnamed (设置页) -->

      <!-- Unnamed (组合) -->
      <div id="u713" class="ax_default" data-left="25" data-top="16" data-width="377" data-height="667">

        <!-- Rectangle (矩形) -->
        <div id="u714" class="ax_default _形状" data-label="Rectangle">
          <div id="u714_div" class=""></div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u715" class="ax_default" data-left="25" data-top="16" data-width="376" data-height="40">

          <!-- Unnamed (矩形) -->
          <div id="u716" class="ax_default _形状">
            <div id="u716_div" class=""></div>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u717" class="ax_default" data-left="32" data-top="31" data-width="46" data-height="8">

            <!-- Unnamed (矩形) -->
            <div id="u718" class="ax_default _形状">
              <img id="u718_img" class="img " src="images/1_1_闹钟设定/u188.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u719" class="ax_default _形状">
              <img id="u719_img" class="img " src="images/1_1_闹钟设定/u188.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u720" class="ax_default _形状">
              <img id="u720_img" class="img " src="images/1_1_闹钟设定/u188.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u721" class="ax_default _形状">
              <img id="u721_img" class="img " src="images/1_1_闹钟设定/u188.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u722" class="ax_default _形状">
              <img id="u722_img" class="img " src="images/1_1_闹钟设定/u188.png"/>
            </div>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u723" class="ax_default" data-left="363" data-top="28" data-width="31" data-height="17">

            <!-- Unnamed (矩形) -->
            <div id="u724" class="ax_default _形状">
              <div id="u724_div" class=""></div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u725" class="ax_default _形状">
              <div id="u725_div" class=""></div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u726" class="ax_default _形状">
              <div id="u726_div" class=""></div>
            </div>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u727" class="ax_default _文本段落" data-label="Header 2">
          <div id="u727_div" class=""></div>
          <div id="u727_text" class="text ">
            <p><span>MUX</span></p>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u728" class="ax_default _文本段落" data-label="Header 2">
          <div id="u728_div" class=""></div>
          <div id="u728_text" class="text ">
            <p><span>10:30 PM</span></p>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u729" class="ax_default _文本段落" data-label="Header 2">
          <div id="u729_div" class=""></div>
          <div id="u729_text" class="text ">
            <p><span>100%</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u730" class="ax_default" data-left="25" data-top="618" data-width="376" data-height="57">

        <!-- Rectangle (矩形) -->
        <div id="u731" class="ax_default _形状" data-label="Rectangle">
          <img id="u731_img" class="img " src="images/2_1_天气查询/rectangle_u521.png"/>
          <div id="u731_text" class="text ">
            <p><span>闹钟</span></p>
          </div>
        </div>

        <!-- Rectangle (矩形) -->
        <div id="u732" class="ax_default _形状" data-label="Rectangle">
          <img id="u732_img" class="img " src="images/2_1_天气查询/rectangle_u522.png"/>
          <div id="u732_text" class="text ">
            <p><span>天气</span></p>
          </div>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u733" class="ax_default line">
          <img id="u733_img" class="img " src="images/2_1_天气查询/u523.png"/>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u734" class="ax_default line">
        <img id="u734_img" class="img " src="images/1_1_闹钟设定/u202.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u735" class="ax_default label">
        <div id="u735_div" class=""></div>
        <div id="u735_text" class="text ">
          <p><span>语音播报天气</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u736" class="ax_default box_3">
        <div id="u736_div" class=""></div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u737" class="ax_default ellipse">
        <img id="u737_img" class="img " src="images/1_1_闹钟设定/u207.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u738" class="ax_default label">
        <div id="u738_div" class=""></div>
        <div id="u738_text" class="text ">
          <p><span>语音天气</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u739" class="ax_default icon">
        <img id="u739_img" class="img " src="images/2_1_天气查询/u528.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u740" class="ax_default line">
        <img id="u740_img" class="img " src="images/1_1_闹钟设定/u202.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u741" class="ax_default label">
        <div id="u741_div" class=""></div>
        <div id="u741_text" class="text ">
          <p><span>天气模拟声音</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u742" class="ax_default label">
        <div id="u742_div" class=""></div>
        <div id="u742_text" class="text ">
          <p><span>当闹钟关闭后，将会语音播报当前天气</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u743" class="ax_default label">
        <div id="u743_div" class=""></div>
        <div id="u743_text" class="text ">
          <p><span>当闹钟关闭后，将会进行天气声音模拟</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u744" class="ax_default box_3">
        <div id="u744_div" class=""></div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u745" class="ax_default ellipse">
        <img id="u745_img" class="img " src="images/1_1_闹钟设定/u207.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u746" class="ax_default box_1">
        <div id="u746_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u747" class="ax_default label">
        <div id="u747_div" class=""></div>
        <div id="u747_text" class="text ">
          <p><span>是否允许XXX使用您的地理位置？</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u748" class="ax_default label">
        <div id="u748_div" class=""></div>
        <div id="u748_text" class="text ">
          <p><span>用于查找您的天气位置，提供更准确的天气服务</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u749" class="ax_default label">
        <div id="u749_div" class=""></div>
        <div id="u749_text" class="text ">
          <p><span>取消</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u750" class="ax_default label">
        <div id="u750_div" class=""></div>
        <div id="u750_text" class="text ">
          <p><span>好的</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u751" class="ax_default line">
        <img id="u751_img" class="img " src="images/2_2_闹钟天气/u751.png"/>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u752" class="ax_default line">
        <img id="u752_img" class="img " src="images/2_2_闹钟天气/u752.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u753" class="ax_default label">
        <div id="u753_div" class=""></div>
        <div id="u753_text" class="text ">
          <p><span>晴天</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u754" class="ax_default line">
        <img id="u754_img" class="img " src="images/2_2_闹钟天气/u637.png"/>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u755" class="ax_default icon">
        <img id="u755_img" class="img " src="images/2_2_闹钟天气/u755.png"/>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u756" class="ax_default" data-left="325" data-top="561" data-width="678" data-height="2">

        <!-- Unnamed (水平线) -->
        <div id="u757" class="compound ax_default _水平线" WidgetHeight="1" WidgetWidth="668" CompoundMode="true">
          <img id="u757_img" class="singleImg img " src="images/2_2_闹钟天气/u757.png"/>
          <div id="u757p000" class="ax_vector_shape" WidgetTopLeftX="-0.495548961424332" WidgetTopLeftY="-0.166666666666667" WidgetTopRightX="0.495548961424332" WidgetTopRightY="-0.166666666666667" WidgetBottomLeftX="-0.495548961424332" WidgetBottomLeftY="0" WidgetBottomRightX="0.495548961424332" WidgetBottomRightY="0">
            <img id="u757p000_img" class="img " src="images/2_2_闹钟天气/u757p000.png"/>
          </div>
          <div id="u757p001" class="ax_vector_shape" WidgetTopLeftX="-0.25" WidgetTopLeftY="-0.5" WidgetTopRightX="166.75" WidgetTopRightY="-0.5" WidgetBottomLeftX="-0.25" WidgetBottomLeftY="0" WidgetBottomRightX="166.75" WidgetBottomRightY="0">
            <img id="u757p001_img" class="img " src="images/2_2_闹钟天气/u757p001.png"/>
          </div>
          <div id="u757p002" class="ax_vector_shape" WidgetTopLeftX="30.1818181818182" WidgetTopLeftY="0" WidgetTopRightX="-0.181818181818182" WidgetTopRightY="0" WidgetBottomLeftX="30.1818181818182" WidgetBottomLeftY="-0.05" WidgetBottomRightX="-0.181818181818182" WidgetBottomRightY="-0.05">
            <img id="u757p002_img" class="img " src="images/1_1_闹钟设定/u425p002.png"/>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u758" class="ax_default _形状">
          <div id="u758_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u759" class="ax_default box_3">
        <div id="u759_div" class=""></div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u760" class="ax_default ellipse">
        <img id="u760_img" class="img " src="images/1_1_闹钟设定/u207.png"/>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u761" class="ax_default" data-left="1242" data-top="353" data-width="219" data-height="7">

        <!-- Unnamed (水平线) -->
        <div id="u762" class="compound ax_default _水平线" WidgetHeight="1" WidgetWidth="215" CompoundMode="true">
          <img id="u762_img" class="singleImg img " src="images/2_2_闹钟天气/u762.png"/>
          <div id="u762p000" class="ax_vector_shape" WidgetTopLeftX="-0.490909090909091" WidgetTopLeftY="0" WidgetTopRightX="0.486363636363636" WidgetTopRightY="0" WidgetBottomLeftX="-0.490909090909091" WidgetBottomLeftY="0.166666666666667" WidgetBottomRightX="0.486363636363636" WidgetBottomRightY="0.166666666666667">
            <img id="u762p000_img" class="img " src="images/2_2_闹钟天气/u762p000.png"/>
          </div>
          <div id="u762p001" class="ax_vector_shape" WidgetTopLeftX="0" WidgetTopLeftY="-0.25" WidgetTopRightX="53.75" WidgetTopRightY="-0.25" WidgetBottomLeftX="0" WidgetBottomLeftY="0" WidgetBottomRightX="53.75" WidgetBottomRightY="0">
            <img id="u762p001_img" class="img " src="images/图例/u31p001.png"/>
          </div>
          <div id="u762p002" class="ax_vector_shape" WidgetTopLeftX="9.59090909090909" WidgetTopLeftY="0.05" WidgetTopRightX="-0.181818181818182" WidgetTopRightY="0.05" WidgetBottomLeftX="9.59090909090909" WidgetBottomLeftY="0" WidgetBottomRightX="-0.181818181818182" WidgetBottomRightY="0">
            <img id="u762p002_img" class="img " src="images/图例/u56p002.png"/>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u763" class="ax_default _形状">
          <div id="u763_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u764" class="ax_default image">
        <img id="u764_img" class="img " src="images/图例/u83.png"/>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u765" class="ax_default _文本段落" data-label="Header 2">
        <div id="u765_div" class=""></div>
        <div id="u765_text" class="text ">
          <p><span>点击（Tap）</span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u766" class="ax_default image">
        <img id="u766_img" class="img " src="images/图例/u83.png"/>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u767" class="ax_default _文本段落" data-label="Header 2">
        <div id="u767_div" class=""></div>
        <div id="u767_text" class="text ">
          <p><span>点击（Tap）</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u768" class="ax_default icon">
        <img id="u768_img" class="img " src="images/2_2_闹钟天气/u768.png"/>
      </div>
    </div>
  </body>
</html>
